<!DOCTYPE html>
<html lang="en">

	<head><link rel="shortcut icon" href="http://likexia.gitee.io/tools/lib/img/h5.png" type="image/x-icon">
		<meta charset="UTF-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="telephone=no,email=no" name="format-detection">
		<title>Flexible方案</title>
		<script src="js/flexible_css.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
	</head>

	<body>
		<img src="images/example.jpg" class="img-responsive">
		<ul >
			<li >
				<a href="http://www.jianshu.com/p/985d26b40199">rem布局（进阶版）的一些说明</a>
			</li>
			<li>1，大家先把这个页面在不同设备模式下浏览下，感受下。</li>
			<li>2，一般来说我们的手机端效果图是640px或750px。</li>
			<li>3，对于上图这类需要等屏宽的图片，只需让其宽度设为 100% 即可。</li>
			<li>4，该布局方案要求凡是涉及尺寸的，单位都是rem，比如，height width margin paddint top border-radius 等等。你只需要按照效果图上标注的尺寸布局即可。</li>
		</ul>
	</body>

</html>